<?php if (!defined('THINK_PATH')) exit(); /*a:3:{s:64:"F:\yxl\tp5.com\public/../application/index\view\index\index.html";i:1560411494;s:56:"F:\yxl\tp5.com\application\index\view\layout\header.html";i:1560413770;s:56:"F:\yxl\tp5.com\application\index\view\layout\footer.html";i:1560398265;}*/ ?>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>layout 后台大布局 - Layui</title>
    <link rel="stylesheet" href="/static/layui/css/layui.css">
    <style>
        /*分页*/
        .pagination {}

        .pagination li {display: inline-block;margin-right: -1px;padding: 7px;border: 1px solid #e2e2e2;min-width: 20px;margin-top:20px;text-align: center;}

        .pagination li.active {background: #009688;color: #fff;border: 1px solid #009688;}

        .pagination li a {display: block;text-align: center;}

        a{
            color: #FF00FF;
        }

        table{
            margin-top:30px;
            text-align:center;
        }

        select{
            text-align:center;
        }
    </style>
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo">layui 后台布局</div>
        <!-- 头部区域（可配合layui已有的水平导航） -->
        <ul class="layui-nav layui-layout-left">
            <li class="layui-nav-item"><a href="">控制台</a></li>

            <li class="layui-nav-item layui-this">
                <a href="javascript:;">功能</a>
                <dl class="layui-nav-child">
                    <dd><a href="<?php echo url('/index/index/img'); ?>">轮播图</a></dd>
                    <dd><a href="<?php echo url('/index/index/flow'); ?>">流加载</a></dd>
                    <dd><a href="<?php echo url('/index/index/send_sms'); ?>">手机号验证</a></dd>
                    <dd><a href="<?php echo url('/index/index/send_mail'); ?>">php邮箱验证</a></dd>
                </dl>
            </li>

            <li class="layui-nav-item"><a href="">商品管理</a></li>
            <li class="layui-nav-item"><a href="">用户</a></li>
            <li class="layui-nav-item">
                <a href="javascript:;">其它系统</a>
                <dl class="layui-nav-child">
                    <dd><a href="">邮件管理</a></dd>
                    <dd><a href="">消息管理</a></dd>
                    <dd><a href="">授权管理</a></dd>
                </dl>
            </li>
        </ul>

        <ul class="layui-nav layui-layout-right">
            <a style="color:red">欢迎<?php echo $user; ?></a>
            <li class="layui-nav-item">
                <a href="javascript:;">
                    <img src="http://t.cn/RCzsdCq" class="layui-nav-img">
                    岳晓雷
                </a>
                <dl class="layui-nav-child">
                    <dd><a href="">基本资料</a></dd>
                    <dd><a href="">安全设置</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item"><a href="<?php echo url('index/login/loginout'); ?>">该退了</a></li>
        </ul>
    </div>
    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree" lay-filter="test">
                <!-- 侧边导航: <ul class="layui-nav layui-nav-tree layui-nav-side"> -->
                <li class="layui-nav-item layui-nav-itemed">
                    <a href="javascript:;">列表页面</a>
                    <dl class="layui-nav-child">
                        <dd><a href="<?php echo url('index/index'); ?>">博客列表</a></dd>
                        <dd><a href="<?php echo url('auth/index'); ?>">角色列表</a></dd>
                        <dd><a href="<?php echo url('jquery/jlist'); ?>">地区列表</a></dd>
                        <dd><a href="<?php echo url('nav/index'); ?>">图片列表</a></dd>
                        <dd><a href="<?php echo url('index/UserList/userlist'); ?>">管理员列表</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">列表添加</a>
                    <dl class="layui-nav-child">
                        <dd><a href="http://tp5.com/index/index/add">添加标题</a></dd>
                        <dd><a href="<?php echo url('userlist/addUser'); ?>">添加管理员</a></dd>
                        <dd><a href="<?php echo url('Jquery/add'); ?>">添加地区用户</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item"><a href="http://tp5.com/index/index/upload">图片上传</a></li>
                <li class="layui-nav-item"><a href="<?php echo url('Chat/ChatList'); ?>">聊天室</a></li>
                <li class="layui-nav-item"><a href="<?php echo url('Jquery/nav'); ?>">无限级分类</a></li>
                <li class="layui-nav-item"><a href="<?php echo url('Jquery/Treeview'); ?>">树型菜单</a></li>
            </ul>
        </div>
    </div>

    <div class="layui-body">
        <!--内容主体区域-->
        <!--<div style="padding: 15px;">内容主体区域</div>-->
        <table class="layui-hide" id="demo" lay-filter="test"></table>
    </div>

    <div class="layui-footer">
        <!-- 底部固定区域 -->
        © layui.com - 底部固定区域

    </div>
</div>

<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
    <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>
<script src="/static/layui/layui.js"></script>
<!--<script type="text/html" id="switchTpl">    &lt;!&ndash; 这里的 checked 的状态只是演示 &ndash;&gt;    <input type="checkbox" name="sex" value="{{d.id}}" lay-skin="switch" lay-text="女|男" lay-filter="sexDemo" {{ d.sex == 1 ? 'checked' : '' }}></script>--><script>    layui.use(['table','jquery','element'], function(){        var table = layui.table        ,form = layui.form;        var jquery = layui.jquery;        var element = layui.element;        //向世界问个好        layer.msg('Hello yuexiaolei');        //监听表格复选框选择        table.on('checkbox(demo)', function(obj){            console.log(obj)        });        //第一个实例        table.render({            elem: '#demo'            ,height: ''            ,cellMinWidth: 80            ,url: '<?php echo url("index/user"); ?>' //数据接口            ,toolbar:'default'            /*,page: true //开启分页*/            ,page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档                layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局                //,curr: 5 //设定初始在第 5 页                ,groups: 1 //只显示 1 个连续页码                ,first: false //不显示首页                ,last: false //不显示尾页            }            ,cols: [[ //表头                /*{type:'numbers'}*/                {type:'checkbox',fixed: 'left'}                ,{field: 'id', title: 'ID', width:120, sort: true, fixed: 'left',align:'center'}                ,{field: 'title', title: '标题', width:120,align:'center',edit:'text'}                ,{field: 'city', title: '城市', width:120, sort: true,align:'center',event: 'setSign', style:'cursor: pointer;'}                ,{field: 'like', title: '爱好', width:120,align:'center',edit:'text'}                ,{field: 'sex', title: '性别', width:120,align:'center',/*templet: '#switchTpl', */unresize: true}                /*,{field: 'birthday', title: '生日', width: 120, sort: true}*/                ,{field: 'file', title: '图片',height:100,align:'center',templet:'<div><img src="{{ d.file}}" width="20px" height="20px"></div>'}            ,{field: 'desc', title: '描述', width:130,align:'center',edit:'text'}                ,{field: 'right', title: '操作',toolbar: '#barDemo',width:170,align:'center'}            ]]        });       /* //监听性别操作        form.on('switch(sexDemo)', function(obj){            layer.tips(this.value + ' ' + this.name + '：'+ obj.elem.checked, obj.othis);        });*/       /* //监听行单击事件（单击事件为：rowDouble）        table.on('row(test)', function(obj){            var data = obj.data;            layer.alert(JSON.stringify(data), {                title: '当前行数据：'            });            //标注选中样式            obj.tr.addClass('layui-table-click').siblings().removeClass('layui-table-click');        });*/        //监听单元格事件        table.on('tool(demoEvent)', function(obj){            var data = obj.data;            if(obj.event === 'setSign'){                layer.prompt({                    formType: 2                    ,title: '修改 ID 为 ['+ data.id +'] 的标签'                    ,value: data.sign                }, function(value, index){                    layer.close(indexlist);                    //这里一般是发送修改的Ajax请求                    //同步更新表格和缓存对应的值                    obj.update({                        sign: value                    });                });            }        });        //监听单元格编辑        table.on('edit(test)', function(obj){            var value = obj.value //得到修改后的值                ,data = obj.data //得到所在行所有键值                ,field = obj.field; //得到字段            jquery.ajax({                url:"<?php echo url('index/littleUpdate'); ?>",                data:{id:data.id,y:field,x:value},                type:"post",                success:function(data){                    if(data ==  200)                    {                        layer.msg('[ID: '+ data.id +'] ' + field + ' 字段更改为：'+ value);                    }else                    {                        layer.msg('[ID: '+ data.id +'] ' + field + ' 字段更新失败 ');                    }                }            });            layer.msg('[ID: '+ data.id +'] ' + field + ' 字段更改为：'+ value);        });        //监听头工具栏事件        table.on('toolbar(test)', function(obj){            var checkStatus = table.checkStatus(obj.config.id)                ,data = checkStatus.data; //获取选中的数据            var ids = "";            for(var i = 0;i < data.length;i++)            {                ids += data[i].id+',';            }            switch(obj.event){                case 'add':                    layer.open({                        // 弹出层类型                        type: 2,                        // 弹出样式                        anim: 1,                        // 样式类名                        skin:'layui-layer-molv',                        // 标题信息                        title:'添加数据',                        // 宽高                        area:['800px','690px'],                        // 接口地址and参数                        content: 'index/index/add',                        // 关闭窗口                        btn :'关闭窗口',                    });                    break;                case 'update':                    if(data.length === 0){                        layer.msg('请选择一行');                    } else if(data.length > 1){                        layer.msg('只能同时编辑一个');                    } else {                        layer.open({                            // 弹出层类型                            type: 2,                            // 弹出样式                            anim:1,                            // 样式类名                            skin:'layui-layer-molv',                            // 标题信息                            title:'修改数据',                            // 宽高                            area:['800px','690px'],                            // 接口地址and参数                            content:"<?php echo url('index/update'); ?>"+"?id="+data[0]['id'],                            btn:'关闭窗口',                        });                    }                    break;                case 'delete':                    if(data.length === 0){                        layer.msg('请选择一行');                    } else {                        layer.confirm('真的删除么', function(index){                            jquery.ajax({                                url: "/index/index/delAll/",                                type: "POST",                                // 获取到obj对象里面data里得id做为删除得条件                                data: "id="+ids,                                success: function (msg) {                                    if (msg == 200) {                                        //关闭弹框                                        jquery(".layui-form-checked").each(                                            function(){                                                jquery(this).parents("tr").remove();                                            }                                        );                                        layer.msg("删除成功", {icon: 6});                                        layer.close(indexlist);                                    } else {                                        layer.msg("删除失败", {icon: 5}); }                                }                            });                            return false;                        });                    }                    break;            }        });        //监听工具条        table.on('tool(test)', function(obj){            var data = obj.data; //获得当前行数据            var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）            //console.log(checkStatus);            if(layEvent === 'detail'){ //查看                //do somehing                layer.open({                    type: 0,                    anim:5,                    title:'数据信息展示',                    area:['400px','400px'],                    content: 'id：'+obj.data.id+'<br/>'+'标题：'+obj.data.title+'<br/>'+'城市：'+obj.data.city+'<br/>'+'爱好：'+obj.data.like+'<br/>'+'性别：'+obj.data.sex+'<br/>'+'图片：<div><img src="'+ obj.data.file +'" width="200px" height="150px"></div>'+'<br/>'+'描述：'+obj.data.desc+'<br/>'                    //content:'id：'+'<input type="text" value="'+obj.data.id+'">',                });            }else if(layEvent === 'del'){ //删除                layer.confirm('真的删除行么', function(index){                    //obj.del(); //删除对应行（tr）的DOM结构，并更新缓存                    //layer.close(index);                    //向服务端发送删除指令                    jquery.ajax({                        url: "/index/index/del",                        type: "POST",                        // 获取到obj对象里面data里得id做为删除得条件                        data: {id:obj.data.id},                        success: function (msg)                        { if (msg == 200) {                            //删除这一行                            //console.log(msg);                            obj.del();                            //关闭弹框                            layer.msg("删除成功", {icon: 6});                            layer.close(indexlist);                        } else {                            layer.msg("删除失败", {icon: 5}); }                        }                    });                    return false;                });            } else if(layEvent === 'edit'){ //编辑                //do something                //同步更新缓存对应的值                layer.open({                    type:2,                    // 弹出样式                    anim:1,                    // 样式类名                    skin:'layui-layer-molv',                    // 标题信息                    title:'修改数据',                    area:['800px','650px'],                    content:"<?php echo url('index/update'); ?>"+"?id="+obj.data.id,                    btn:'关闭窗口',                })            }        });    });</script></body>
</html>